<script setup>
import { ref } from 'vue';
import Card from "@/components/Card.vue";
import {Star} from "@element-plus/icons-vue";

defineProps({
  image: String,
  title: String,
  desc: String
})

const onClick = () => {
  // 处理点击事件
};

</script>

<template>
  <div>
    <Card :title="title"
          :desc="desc"
          :icon="Star"
          style="text-align: center">
      <div class="nft-image">
        <el-image :src="image" :alt="title" style="max-width: 300px"/>
      </div>
      <slot/>
    </Card>
  </div>
</template>

<style scoped>

.nft-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}

.nft-info h3 {
  font-size: 18px;
  margin: 12px 0;
}

.nft-info p {
  color: #666;
}


</style>
